<template>
  <div id="app" >
    <router-view />
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {
      animate: "",
      loading: false,
      // // themeColor: "#7171C6",
      // backgroundColor: "#101010",
      // // barColor: "#101010",
      // // textColor: "#fff",
      // // activeTextColor: "#38b8f4",
    };
  },
  created() {
    // this.loading = true;
    // document.body.removeChild(document.getElementById('loader-wrapper'));
  },
  mounted() {
    // this.loading = false;
    // document.getElementById("loader-wrapper").style.display = "none";
    // document.body.removeChild(document.getElementById("loader-wrapper"));
  },
  //   mounted(){
  //         // document.getElementById('create').style.display = 'block';
  // document.getElementById('loader-wrapper').style.display = 'none';
  //  },
  //要使用watch监听来判断路由是否有改变
};
</script>
<style lang="less">
// #app {
//   font-family: Avenir, Helvetica, Arial, sans-serif;
//   -webkit-font-smoothing: antialiased;
//   -moz-osx-font-smoothing: grayscale;
//   text-align: center;
//   color: #2c3e50;
// }
#app {
  height: 100%;
  // font-family: "Avenir", Helvetica, Arial, sans-serif;
  // -webkit-font-smoothing: antialiased;
  // -moz-osx-font-smoothing: grayscale;
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
.el-loading {
  z-index: 999999;
}
/* 解决element-ui的table表格控件表头与内容列不对齐问题 */
/* .el-table th.gutter{
    display: table-cell !important;
  } */
.el-table th {
  display: table-cell !important;
}
.el-loading .el-loading-spinner {
  padding: 7px;
  background: #ececec;
  width: 200px;
  color: red;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #a0a0a0;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center; */
  color: #2c3e50;
  /* margin-top: 60px; */
}
#nprogress .bar {
  background: white;
  height: 2px;
  /* filter: blur(0.5px) */
}
.ivu-form .ivu-form-item-label {
  color: #939394;
}

html,
body,
#app {
  height: 100%;
  // background:#7171C6;
}
</style>
